<!--<template>-->
<!--    <div class="all">-->
<!--        <el-button type="primary" @click="formAdd">添加{{moduleValue}}</el-button>-->
<!--        <el-table-->
<!--                :data="all"-->
<!--                style="width: 100%">-->
<!--            <el-table-column-->
<!--                v-for="column in formDescription"-->
<!--                :key="column.name"-->
<!--                :label="column.label">-->
<!--                <template slot-scope="scope">-->
<!--                    <span v-if="typeof column.calculationFunction === 'function'" style="margin-left: 10px">{{ column.calculationFunction(scope.row[`${column.name}`]) }}</span>-->
<!--                    <span v-else style="margin-left: 10px">{{ scope.row[`${column.name}`] }}</span>-->
<!--                </template>-->
<!--            </el-table-column>-->
<!--            <el-table-column label="操作">-->
<!--                <template slot-scope="scope">-->
<!--                    <el-button-->
<!--                            size="mini"-->
<!--                            @click="handleEdit(scope.$index, scope.row)">编辑</el-button>-->
<!--                    <el-button-->
<!--                            size="mini"-->
<!--                            type="danger"-->
<!--                            @click="handleDelete(scope.$index, scope.row)">删除</el-button>-->
<!--                </template>-->
<!--            </el-table-column>-->
<!--        </el-table>-->

<!--        <el-dialog-->
<!--                title="提示"-->
<!--                :visible.sync="dialogVisible"-->
<!--                width="30%"-->
<!--                :close-on-click-modal="false"-->
<!--                :close-on-press-escape="false"-->
<!--                center>-->
<!--            <el-form :model="formData" ref="user" label-width="100px" class="demo-ruleForm">-->
<!--                <el-form-item-->
<!--                    v-for="form in formDescription"-->
<!--                    :label="form.label"-->
<!--                    :key="form.name">-->
<!--                    <el-select v-if="form.type == 'select'" v-model="formData[`${form.name}`]">-->
<!--                        <el-option v-for="option in form.options()" :key="option.id" :value="option.id" :label="option.value">-->
<!--                        </el-option>-->
<!--                    </el-select>-->
<!--                    <el-input v-else v-model="formData[`${form.name}`]"></el-input>-->
<!--                </el-form-item>-->
<!--            </el-form>-->
<!--            <span slot="footer" class="dialog-footer">-->
<!--            <el-button @click="dialogVisible = false">取 消</el-button>-->
<!--            <el-button type="primary" @click="formSubmit">确 定</el-button>-->
<!--          </span>-->
<!--        </el-dialog>-->
<!--    </div>-->
<!--</template>-->

<!--<script>-->
<!--    export default {-->
<!--        name: "tableForm",-->
<!--        props : {-->
<!--            /**-->
<!--             * [-->
<!--             *  {-->
<!--             *      label : '描述，一般是说明该字段的意思' , name : '字段名称'-->
<!--             *  },{...},{...}-->
<!--             * ]-->
<!--             */-->
<!--            formDescription : Array, // 该表的数据描述-->
<!--            /**-->
<!--             * 模块名称，这里指的是 API 的总称-->
<!--             */-->
<!--            moduleName : String,-->
<!--            /**-->
<!--             * 模块描述，这里指的是这个模块的描述，比如 user 是用户，故传 用户-->
<!--             */-->
<!--            moduleValue : String,-->
<!--            /**-->
<!--             * 添加的操作时，表单的默认值-->
<!--             */-->
<!--            formAddDefault : {},-->

<!--        },-->
<!--        data(){-->
<!--            return {-->
<!--                all : [],-->
<!--                dialogVisible : false,-->
<!--                formData : {},-->
<!--                isAdd : null,-->
<!--            }-->
<!--        },-->
<!--        methods : {-->
<!--            getAll(){-->
<!--                this.$api[`${this.moduleName}`].getAll().then(res => {-->
<!--                    this.all = res.data;-->
<!--                });-->
<!--            },-->
<!--            formAdd(){-->
<!--                this.isAdd = true;-->
<!--                this.formData = { ...this.formAddDefault }-->
<!--                this.dialogVisible = true;-->
<!--            },-->
<!--            handleDelete(id , obj){-->
<!--                this.$confirm(`确定要删除该${this.moduleValue}吗`,'提示',{-->
<!--                    confirmButtonText : '确定',-->
<!--                    cancelButtonText : '取消',-->
<!--                    type: 'warning'-->
<!--                }).then(() => {-->
<!--                    this.$api[`${this.moduleName}`][`${this.moduleName}Delete`](obj.id)-->
<!--                        .then(() => {-->
<!--                            this.$message.success('删除成功');-->
<!--                            this.getAll();-->
<!--                        });-->
<!--                }).catch(() => {-->
<!--                    this.$message.success('已取消');-->
<!--                })-->
<!--            },-->
<!--            handleEdit(id , obj){-->
<!--                this.dialogVisible=true;-->
<!--                this.formData = {...obj};-->
<!--                this.isAdd = false;-->
<!--            },-->
<!--            formSubmit(){-->
<!--                if (this.isAdd === null) return this.$message.error('错误操作');-->
<!--                if (this.isAdd){-->
<!--                    this.$api[`${this.moduleName}`][`${this.moduleName}Add`](this.formData)-->
<!--                        .then(() => {-->
<!--                            this.$message.success('添加成功!');-->
<!--                            this.dialogVisible = false;-->
<!--                            this.getAll();-->
<!--                        })-->
<!--                }else{-->
<!--                    this.$api[`${this.moduleName}`][`${this.moduleName}Patch`](this.formData.id , this.formData)-->
<!--                        .then(() => {-->
<!--                            this.$message.success('修改成功!');-->
<!--                            this.dialogVisible = false;-->
<!--                            this.getAll();-->
<!--                        })-->
<!--                }-->
<!--            }-->
<!--        },-->
<!--        created() {-->
<!--          this.getAll();-->
<!--        }-->
<!--    }-->
<!--</script>-->

<!--<style scoped>-->

<!--</style>-->
